﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>xhWangEditor富文本编辑器</title>
	<!-- Jquery -->
	<script type="text/javascript" src="/jquery/1.12.4/jquery.min.js"></script>
	<!-- Editor -->
	<link href="/wangEditor/style.css" rel="stylesheet" />
	<script src="/wangEditor/index.js"></script>
	<!-- xhui -->
	<link rel="stylesheet" type="text/css" href="/xhui/css/xhui.css?v=1.035" />
	<script src="/xhui/js/xhui.js?v=1.002" type="text/javascript"></script>
	<!-- ICO -->
	<link rel="shortcut icon" href="/favicon.ico" />
</head>

<body>
	<div class="editorBox" style="margin:30px;">
		<!--<div class="xhweWarp">
			<div class="xhweToolbar">--><!-- 工具栏 --><!--</div>
			<div class="xhweEditor">--><!-- 编辑器 --><!--</div>
		</div>-->
	</div>
</body>
</html>

<script>
	$(function () {
		$(".editorBox").xhWangEditor({});
	});

</script>

<script>
	$(function () {
	//	const { createEditor, createToolbar } = window.wangEditor

	//	// 配置编辑器
	//	const editorConfig = {
	//		placeholder: 'Type here...',
	//		onChange(editor) {
	//			const html = editor.getHtml()
	//			$("#acph_body_TextActExplain").val(html);
	//			// 也可以同步到 <textarea>
	//		},
	//		MENU_CONF: {}			//初始化 MENU_CONF 属性
	//	}

	//	editorConfig.MENU_CONF['uploadImage'] = {
	//		// 上传到本地服务器
	//		//server: '/Api/UploadPicture',
	//		//meta: {
	//		//	Token: 'xaToken',
	//		//},

	//		// 上传到阿里云服务器
	//		async customUpload(file, insertFn) {
	//			let params = await $.getJSON('/Api/GetAliOssUploadParam?t=' + Math.random(), function (data, status) {
	//				if (status == "success") {
	//					return data;
	//				} else {
	//					return false;
	//				}
	//			});

	//			if (params) {
	//				let _guid = guid();
	//				let _pos = file.name.lastIndexOf('.')
	//				let _suffix = file.name.substring(_pos);			// 上传文件后缀
	//				let _objectName = "Upload/2210/2210-" + _guid + _suffix;								// 上传文件名称

	//				const formData = new FormData()
	//				formData.append('OSSAccessKeyId', params.accessid)
	//				formData.append('policy', params.policy)
	//				formData.append('signature', params.signature)
	//				formData.append('key', _objectName)
	//				formData.append('file', file)
	//				formData.append('host', params.host)

	//				$.ajax({
	//					url: params.host,
	//					data: formData,
	//					type: "POST",
	//					dataType: "json",
	//					async: false,
	//					contentType: false,
	//					processData: false,
	//					success: function (rsp) {
	//						insertFn(params.host + '/' + _objectName, "", "")
	//					},
	//					error: function (e) {
	//						$.xhToast({
	//							msg: "上传文件到阿里云OSS失败：" + e
	//						});
	//					}
	//				});
	//			} else {
	//				$.xhToast({
	//					msg: "获取阿里云上传参数失败"
	//				});
	//			};
	//		},

	//	}

	//	const editor = createEditor({
	//		selector: '.xhweEditor',
	//		html: $("#acph_body_TextActExplain").val(),
	//		config: editorConfig,
	//		mode: 'default', // or 'simple'
	//	})

	//	// 配置工具栏
	//	const toolbarConfig = {}
	//	const toolbar = createToolbar({
	//		editor,
	//		selector: '.xhweToolbar',
	//		config: toolbarConfig,
	//		mode: 'simple', // or 'simple'
	//	})




	//	function guid() {
	//		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
	//			var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
	//			return v.toString(16);
	//		});
	//	}
	});
</script>
